<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>PERSONAL RESUME</title>
    <meta name="description" content="PERSONAL RESUME">
    <meta name="keywords" content="关键词"/>

    <!-- Favicons ================================================== -->

    <link rel="shortcut icon" href="img/favicon_jianli.ico" type="image/x-icon">

    <!-- Bootstrap -->
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css">

    <!-- Slider ================================================== -->
    <link href="css/owl.carousel.css" rel="stylesheet" media="screen">
    <link href="css/owl.theme.css" rel="stylesheet" media="screen">

    <!-- Stylesheet ================================================== -->
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/prettyPhoto.css">

    <link rel="stylesheet" type="text/css" href="fonts/sns_fonts/iconfont.css">

</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<!--导航栏-->
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
    <div class="container">
        <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
            <ul class="nav navbar-nav">
                <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
                <li class="hidden">
                    <a href="#page-top"></a>
                </li>
                <li>
                    <a class="page-scroll" href="#services">基本资料</a>
                </li>
                <li>
                    <a class="page-scroll" href="#works">项目经验</a>
                </li>
                <li>
                    <a class="page-scroll" href="#about">专业技能</a>
                </li>
                <li>
                    <a class="page-scroll" href="#team">工作经历</a>
                </li>
                <li>
                    <a class="page-scroll" href="#testimonials">自我评价</a>
                </li>
                <li>
                    <a class="page-scroll" href="#contact">联系方式</a>
                </li>
            </ul>
        </div>
    </div>
</nav>
<!-- Header -->
<header class="intro">
    <div class="intro-body">
        <div class="container">
            <div class="row">
                <div class="col-md-10 col-md-offset-1">
                    <h1>简历<span class="brand-heading">-PERSONAL RESUME</span></h1>
                    <p class="intro-text" style=" margin-bottom: 15px; font-size: 40px">张文博</p>
                    <p class="intro-text">喜欢技术，热爱挑战</p>
                    <a href="#services" class="btn btn-circle page-scroll">
                        <i class="fa fa-angle-double-down animated"></i>
                    </a>
                </div>
            </div>
        </div>
    </div>
</header>
<div class="copyrights">张文博的简历<a href="http://blog.youzewang.com/jianli">WEB前端工程师</a></div>
<!--个人信息-->
<div id="services" class="text-center">
    <div class="container">
        <div class="section-title center">
            <h2>基本 <strong>资料</strong></h2>
            <hr>
        </div>
        <div class="space"></div>
        <div class="row">
            <div class="col-md-3 col-sm-6 service"><i class="fa fa-laptop"></i>
                <h4><strong>个人信息</strong></h4>
                <p>
                    姓名: 张文博 &nbsp;性别：男</br>
                    年龄: 28岁 籍贯：辽宁
                </p>
            </div>
            <div class="col-md-3 col-sm-6 service"><i class="fa fa-code"></i>
                <h4><strong>专业</strong></h4>
                <p>
                    专业：航海与船舶工程技术</br>
                </p>
            </div>
            <div class="col-md-3 col-sm-6 service"><i class="fa fa-rocket"></i>
                <h4><strong>毕业学校</strong></h4>
                <p>
                    毕业学校：大连职业技术学院</br>
                </p>
            </div>
            <div class="col-md-3 col-sm-6 service"><i class="fa fa-bullseye"></i>
                <h4><strong>联系方式</strong></h4>
                <p>电话：15040625386</br>
                    微信：zwb210328</br>
                    邮箱：zhangwenbo0123456@163.com</p>
            </div>
        </div>
    </div>
</div>
<!--项目经验-->
<div id="works">
    <div class="container"> <!-- Container -->
        <div class="section-title text-center center">
            <h2>项目 <strong>经验</strong></h2>
            <hr>
            <div class="clearfix"></div>
            <p>主要负责日本证券、彩票系统的PC端WEB网页设计，主要技术是Html5、Angularjs、Css3、Spreadjs、Typescript等</p>
            <p>曾短暂参与公司社内考勤系统的开发，主要技术是Java、Html5、Css3、SQL等</p>
        </div>
        <div class="categories">
            <ul class="cat">
                <li>
                    <ol class="type">
                        <li><a href="#" data-filter="*" class="active">所有</a></li>
                        <li><a href="#" data-filter=".Nomura">野村证券</a></li>
                        <li><a href="#" data-filter=".Fujitsu">富士通</a></li>
                        <li><a href="#" data-filter=".Honsya">社内</a></li>
                    </ol>
                </li>
            </ul>
            <div class="clearfix"></div>
        </div>
        <div class="row">
            <div class="portfolio-items">
                <div class="col-sm-6 col-md-3 col-lg-3 Nomura">
                    <div class="portfolio-item">
                        <div class="hover-bg">
                            <div class="hover-text">
                                <h4>野村证券</h4>
                                <small>技术：Html5、Angularjs、Css3、Spreadjs、Typescript</small>
                                <div class="clearfix"></div>
                                <i class="fa fa-search"></i>
                            </div>
                            <img src="img/portfolio/01.jpg" class="img-responsive" alt="野村证券">
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-3 col-lg-3 Fujitsu">
                    <div class="portfolio-item">
                        <div class="hover-bg">
                            <div class="hover-text">
                                <h4>富士通</h4>
                                <small>技术：Html5、Css3、JavaScript</small>
                                <div class="clearfix"></div>
                                <i class="fa fa-search"></i>
                            </div>
                            <img src="img/portfolio/02.jpg" class="img-responsive" alt="富士通"></div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-3 col-lg-3 Honsya">
                    <div class="portfolio-item">
                        <div class="hover-bg">
                            <div class="hover-text">
                                <h4>社内</h4>
                                <small>技术：Java、Html5、Css3、SQL</small>
                                <div class="clearfix"></div>
                                <i class="fa fa-search"></i>
                            </div>
                            <img src="img/portfolio/03.jpg" class="img-responsive" alt="社内">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--证书荣誉-->
<div id="about">
    <div class="container">
        <div class="section-title text-center center">
            <h2><strong>技能证书</strong> 获得荣誉</h2>
            <hr>
        </div>
        <div class="row">
            <div class="col-md-6"><img src="img/about.png" class="img-responsive"></div>
            <div class="col-md-6">
                <div class="about-text"><i class="fa fa-users"></i>
                    <div class="padding-left"><h4>技能证书</h4>
                        <p>JLPT N2<br>CET4<br>全国计算机应用技术证书(VisualFoxPro6.0)<br>全国计算机信息高新技术考试合格证书(Windows平台Office系列)</p>
                    </div>
                    <i class="fa fa-magic"></i>
                    <div class="padding-left"><h4>获得荣誉</h4>
                        <p>大学曾担任院系学生会宣传部部长<br>2009-2010学年度院优秀学生干部<br>2010-2011学年度院级单项优秀奖学金<br>院第七届 “风采之星”外语文化节英语短剧大赛三等奖
                        </p>
                    </div>
                    <i class="fa fa-check-square-o"></i>
                    <div class="padding-left"><h4>兴趣爱好</h4>
                        <p>日本动漫、足球、唱歌、乒乓球</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="achivements" class="section dark-bg">
    <div class="container">
        <div class="row">
            <div class="col-md-3 col-sm-3">
                <div class="achivement-box">
                    <i class="fa fa-smile-o"></i>
                    <span class="count">28</span>
                    <h4>Age Years</h4>
                </div>
            </div>
            <div class="col-md-3 col-sm-3">
                <div class="achivement-box">
                    <i class="fa fa-code"></i>
                    <span class="count">30000</span>
                    <h4>Code Amount</h4>
                </div>
            </div>
            <div class="col-md-3 col-sm-3">
                <div class="achivement-box">
                    <i class="fa fa-check-square-o"></i>
                    <span class="count">3000</span>
                    <h4>Work Hour</h4>
                </div>
            </div>
            <div class="col-md-3 col-sm-3">
                <div class="achivement-box">
                    <i class="fa fa-trophy"></i>
                    <span class="count">3</span>
                    <h4>Projects Amount</h4>
                </div>
            </div>
        </div>
    </div>
</div>
<!--主要经历-->
<div id="team" class="text-center">
    <div class="container" style="width: 1630px">
        <div class="section-title center">
            <h2>主要<strong>经历</strong></h2>
            <hr>
            <p>热爱互联网，热爱技术，专注于前端技术开发和用户体验</p>
        </div>
        <div id="row">
            <div class="col-md-2 col-sm-7">
                <div class="thumbnail"><img src="img/team/02.jpg" alt="大连职业技术学院" class="img-circle team-img"
                                            style="width: 138px;height: 138px">
                    <div class="caption">
                        <h3>大连职业技术学院</h3>
                        <p>航海与船舶工程技术</p>
                        <p>学习时间：2009.09-2012.07</p>
                        <p style="text-align: left">主要学习画法几何与机械制图、机械设计基础、船舶结构与制图、Visual FoxPro 6.0以及CAD等。</p>
                    </div>
                </div>
            </div>
            <div class="col-md-2 col-sm-7">
                <div class="thumbnail"><img src="img/team/03.jpg" alt="欧百特信息技术有限公司" class="img-circle team-img"
                                            style="width: 138px;height: 138px">
                    <div class="caption">
                        <h3>欧百特信息技术有限公司</h3>
                        <p>设计员</p>
                        <p>工作时间：2011.07-2015.12</p>
                        <p style="text-align: left">初到公司作为初级设计员参与日本三菱造船厂的船舶生产设计图设计，逐步具备使用日语对图面做出标记和反馈的能力。
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-2 col-sm-7">
                <div class="thumbnail"><img src="img/team/05.jpg" alt="日立造船厂尾道工厂" class="img-circle team-img"
                                            style="width: 138px;height: 138px">
                    <div class="caption">
                        <h3>日立造船厂尾道工厂</h3>
                        <p>设计员-->TL</p>
                        <p>工作时间：2015.01-2015.04/2015.08-2015.11</p>
                        <p style="text-align: left">作为优秀员工参与新项目开拓，并且连续两次各三个月赴日本日立船厂尾道工厂开展新业务，主要运用CAD PLANT3D进行船舶管舾装设计，
                            回国后升职为TL负责与客户进行邮件和Skype联络以及项目工程安排。</p>
                    </div>
                </div>
            </div>
            <div class="col-md-2 col-sm-7">
                <div class="thumbnail"><img src="img/team/01.jpg" alt="东软睿道实训中心" class="img-circle team-img"
                                            style="width: 138px;height: 138px">
                    <div class="caption">
                        <h3>东软睿道实训中心</h3>
                        <p>软件开发培训</p>
                        <p>培训时间：2016.01-2016.05</p>
                        <p style="text-align: left">
                            主要培训JAVA，HTML，CSS，JS，Jquery等技术，还有ajax，bootstrap等基础知识并了解常见的spring，springMVC等框架。</p>
                    </div>
                </div>
            </div>
            <div class="col-md-2 col-sm-7">
                <div class="thumbnail"><img src="img/team/04.jpg" alt="大连利信科技有限公司" class="img-circle team-img"
                                            style="width: 138px;height: 138px">
                    <div class="caption">
                        <h3>大连利信科技有限公司</h3>
                        <p>前端工程师</p>
                        <p>工作时间：2016.06-2017.07</p>
                        <p style="text-align: left">参与日本某证券公司针对各大银行研发的证券系统（Flex、Html4）的在构筑项目，
                            运用Html5、Angularjs、Css3、Spreadjs、Typescript等新技术，使用Visual Studio Code编码工具进行编码，
                            并且借助IE Edge、Chrome浏览器中的调试工具进行画面调试，最终独立完成指定页面的画面设计。独立完成对客户指摘的对应，
                            协助设计书Team完成相关画面设计书的设计作业。</p>
                    </div>
                </div>
            </div>
            <div class="col-md-2 col-sm-7">
                <div class="thumbnail"><img src="img/team/06.jpg" alt="大连瑞诺科技有限公司" class="img-circle team-img"
                                            style="width: 138px;height: 138px">
                    <div class="caption">
                        <h3>大连瑞诺科技有限公司</h3>
                        <p>前端工程师</p>
                        <p>工作时间：2017.08-2017.09</p>
                        <p style="text-align: left">参与日本某彩票网站的系统移行作业，主要负责Html页面的编写，合理利用给定的Css样式，编写出符合客户需求的前台页面。</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--我的优势-->
<div id="testimonials" class="text-center">
    <div class="container">
        <div class="section-title center">
            <h2>我的<strong>优势</strong></h2>
            <hr>
        </div>
        <div class="row">
            <div class="col-md-8 col-md-offset-2">
                <div id="testimonial" class="owl-carousel owl-theme">
                    <div class="item">
                        <p>
                            累计五年的对日工作练就了心思缜密和不怕吃苦的工作态度。</br>有两次各三个月赴日出差学习经验，能胜任短期赴日工作。
                        </p>
                    </div>
                    <div class="item">
                        <p>
                            曾经四年只效力于一家公司，体现了很好的工作稳定性。</br>80、90衔接段出生，兼具80后的成熟稳重和90后的乐观向上。
                        </p>
                    </div>
                    <div class="item">
                        <p>
                            被普遍认为“略老”的入行年龄，恰恰体现了我要在软件行业做好的不移决心。</br>具有很强的自学能力和良好的学习方法。
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--联系方式-->
<div id="contact" class="text-center">
    <div class="container">
        <div class="section-title center">
            <h2><strong>联系</strong> 方式</h2>
            <hr>
        </div>
        <div class="col-md-8 col-md-offset-2">
            <div class="col-md-4"><i class="fa fa-map-marker fa-2x"></i>
                <p>大连市高新园区龙王塘街道</p>
            </div>
            <div class="col-md-4"><i class="fa fa-envelope-o fa-2x"></i>
                <p>zhangwenbo0123456@163.com</p>
            </div>
            <div class="col-md-4"><i class="fa fa-phone fa-2x"></i>
                <p>电话:15040625386</p>
            </div>
            <hr>
            <div class="clearfix"></div>
        </div>
        <div class="col-md-8 col-md-offset-2">
            <hr>
            <h3><a href="mailto:zhangwenbo0123456@163.com" style="color: rgb(51,122,183);"><strong>给我发邮件</strong></a></h3>
        </div>
    </div>
</div>
</div>
<nav id="footer">
    <div class="container">
        <div class="pull-left fnav">
            <p>Copyright &copy; 2017 作者：張文博. 前端工程师
        </div>
    </div>
</nav>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script type="text/javascript" src="js/jquery.1.11.1.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/SmoothScroll.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/jquery.isotope.js"></script>
<script type="text/javascript" src="js/jquery.counterup.js"></script>
<script type="text/javascript" src="js/waypoints.js"></script>
<script type="text/javascript" src="js/jqBootstrapValidation.js"></script>
<script type="text/javascript" src="js/contact_me.js"></script>
<script src="js/owl.carousel.js"></script>

<!-- Javascripts ================================================== -->
<script type="text/javascript" src="js/main.js"></script>
<script>
    $(function () {
        var u = navigator.userAgent;
        if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1 || u.indexOf('iPhone') > -1 || u.indexOf('Windows Phone') > -1 || navigator.userAgent.indexOf("iPad") > -1) {
            $(".hover-bg .hover-text").css({'opacity': '1'});

            $(".hover-bg .hover-text>h4").css({
                'opacity': '1',
                '-webkit-transform': 'translateY(0)',
                'transform': 'translateY(0)'
            });

            $(".hover-bg .hover-text>i").css({'opacity': '1'});
        }
    });
</script>
</body>
</html>